<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
    展示玩家数据
--%>
<html>
    <head>
        <title>Title</title>
        <%
            String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+request.getContextPath()+"/";
            /*
             * request.getScheme() : http
             * request.getServerName() : localhost
             * request.getServerPort() : 端口号
             * request.getContextPath() : /获取虚拟目录名(项目名jsp_framework)
             * */
        %>
        <base href="<%=basePath%>">
        <script src="js/jquery-3.3.1.js"></script>

    </head>
    <body>

        <h2>当前用户是: ${sessionScope.user.username}</h2>
        <a href="enterPlayInfo.jsp">跳转到->录入or修改玩家信息页</a>

        <table>
            <tr>
                <td>玩家名:</td>
                <td>${requestScope.playInfo.playName}</td>
            </tr>
            <tr>
                <td>攻击力: </td>
                <td>${requestScope.playInfo.attack}</td>
            </tr>
            <tr>
                <td>防御力:</td>
                <td>${requestScope.playInfo.armor}</td>
            </tr>
            <tr>
                <td>速度:</td>
                <td>${requestScope.playInfo.speed}</td>
            </tr>
            <tr>
                <td>职业:</td>
                <td>${requestScope.playInfo.occupation}</td>
            </tr>
            <tr>
                <td>技能:</td>
                <td>${requestScope.playInfo.skill}</td>
            </tr>
        </table><br><br>
        <h6>1.异步不能重写渲染整个当前页面 , 因为渲染好的页面被放在ajax的data中 (若后端采用了请求转发 , 前端的通信方式就该用同步通信)</h6>
        <script>

            $(function () {
                $("#btnY").click(function () {
                    //获取玩家信息
                    $.get("communication/showInfo",{},function (data) {
                        if(data.flag){
                            alert("成功获取信息.");
                        }else{
                            alert(data);
                        }
                    });
                });

            });
        </script>
        <input type="button" value="异步获取数据" id="btnY">

        <h6>2.同步才能渲染整个当前页面</h6>
        <a href="communication/showInfo">同步获取当前页面数据</a><br><br><br>


        <h6>|---------------------------------------------退出----------------------------------------------------|</h6>
        <h6>方式一： 重定向不应该使用异步 , 因为页面不会真的跳转 </h6>
        <script>
            $(function () {
                $("#btnOut").click(function () {
                    $.get("communication/loginOut", {}, function (data) {
                        alert(data);//你要跳转的页面被放到了data中 , 所以当前页是不会发生跳转的
                    });
                });

            });
        </script>
        <input id="btnOut"  type="button" value="退出" ><br>




        <h6>方式二： 重定向要使用同步,才会真的跳转页面 </h6>
        <form action="${pageContext.request.contextPath}/communication/loginOut">
            <input  type="submit" value="退出" >
        </form>

    </body>
</html>










